<template>
<div>
    <div class="ss">订单总价:{{totalPrice}}元</div>
    <div class="bb">订单状态:{{status}}</div>
   <el-table
    :data="shopList"
    border
    style="width: 100%"
    row-class-name="tableRowClassName">
    <el-table-column
      prop="pname"
      label="商品名称"
      width="180">
    </el-table-column>
    <el-table-column
      prop="singlePrice"
      label="商品单价"
      width="180">
    </el-table-column>
    <el-table-column
      prop="num"
      label="商品数量"
       width="180">
    </el-table-column>
      <el-table-column
      prop="price"
      label="商品总价">
    </el-table-column>
    <el-table-column
      prop="payTime"
      value-format="yyyy-MM-dd HH:mm:ss"
       type="datetime"
        clearable = false
      label="支付时间"
       width="180">
    </el-table-column>
     <el-table-column
      prop="pimage"
      label="商品图片"
      width="180">
       <template slot-scope="scope">
      <el-image
      style="width: 100px; height: 100px"
      :src="scope.row.pimage"
      fit="fit"></el-image>
      </template>
    </el-table-column>
  </el-table>
</div>
</template>

<script>
import Vue from 'vue'
export default {
  name:'',
  data () {
    return {
        shopList:[],
        totalPrice:0,
        status:''

    }
  },
  created () {

  },
  mounted () {
      this.findAll();
  },
  methods: {
      findAll(){
          var uuid = this.$route.params.uuid;
          var totalPrice = this.$route.params.totalPrice;
          var status = this.$route.params.status;
          Vue.axios.post('http://localhost:8088/order/orderMsg/'+uuid).then(res=>{
              if(res.data.code==0){
                  this.shopList=res.data.data;
                  this.totalPrice=totalPrice;
                  this.status=status;
              }
          })
      }
  }
}
</script>
<style>
    .ss{
        font-size: 30px;
        color: red;
    }
     .bb{
        font-size: 30px;
        color: rgb(0, 255, 106);
    }
</style>
